import { styled } from "styledfc";
interface ButtonProps {
    text: string;
    onChange?: () => void;
    type?: "submit" | "button" | "reset" | undefined;
}
export default function Button(props: ButtonProps) {
    const { text, onChange, type = "submit" } = props;
    return (
        <div className={buttonStyle.className}>
            <button type={type} onClick={onChange}>
                {text}
            </button>
        </div>
    );
}
const buttonStyle = styled({
    margin: "0 18rem",
    ">button": {
        backgroundColor: "#a1b275",
        color: "white",
        width: "100%",
        border: "none",
        height: "40rem",
        marginBottom: "20rem",
        borderRadius: "10rem",
        "&:active": {
            backgroundColor: "#8f9d64",
        },
    },
});
